﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Producer</title>
	
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
	<script type="text/javascript" src="js/jquery.colorbox.js"></script>
	<script type="text/javascript" src="js/producer.js"></script>
	
	
</head>

<body>
<div id="header">
	<div id="header_bar">
		<div id="logo">
			<a href="#"></a>
		</div>
		
		<div id="navigation">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li class="active"><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>

<div id="subpage_header">
	<div id="subpage_bg" style="background: url('images/services_bg.jpg') no-repeat center center;">
		<div class="subpage_center">
			<div id="breadcrumbs">
				<a href="#">home</a> \
			</div>
			<div id="subpage_heading">
				<h2>Portfolio Overview</h2>
			</div>
		</div>
	</div>	
</div>

<div id="subpage_main">
	<div id="content_bar">
		<div id="content_nav">
			<ul id="main_content_slider">
				<li><a href="#" class="activeSlide">Overview</a></li>
				<li><a href="#">Web Services</a></li>
				<li><a href="#">Identity Design</a></li>
				<li><a href="#">Print Media</a></li>
			</ul>
		</div>
		<div id="search">
			<form action="test.php" method="post">
                <input onblur="if(this.value == '') this.value='Search...' ;" onfocus="if(this.value == 'Search...') this.value='';" value="Search..." type="text" />
            </form>
		</div>
	</div>
	<div id="content">
		<div id="content_left">
			
		

				<div id="subpage">
						
					<div class="portfolio-item-shadow rounded">	
						<div class="portfolio-item rounded">
							<a href="images/main.jpg" class="colorbox"><img src="images/portfolio-1.jpg" alt="thumb 1" /></a>
							<div class="portfolio-item-info">
								<div class="portfolio-text"><span>Vision Studios</span> Complete Web Design &amp; Development</div>
								<div class="visit-site"><a href="#">Visit Site</a></div>
							</div>
						</div>
					</div>
					
					<div class="portfolio-item-shadow rounded">	
						<div class="portfolio-item rounded">
							<a href="images/main.jpg" class="colorbox"><img src="images/portfolio-1.jpg" alt="thumb 1" /></a>
							<div class="portfolio-item-info">
								<div class="portfolio-text"><span>Vision Studios</span> Complete Web Design &amp; Development studio</div>
								<div class="visit-site"><a href="#">Visit Site</a></div>
							</div>
						</div>
					</div>
					
					<div class="portfolio-item-shadow rounded">	
						<div class="portfolio-item rounded">
							<a href="images/main.jpg" class="colorbox"><img src="images/portfolio-1.jpg" alt="thumb 1" /></a>
							<div class="portfolio-item-info">
								<div class="portfolio-text"><span>Vision Studios</span> Complete Web Design &amp; Development</div>
								<div class="visit-site"><a href="#">Visit Site</a></div>
							</div>
						</div>
					</div>
						
				</div><!-- end subpage -->
					
		</div>
		
		<div id="sidebar">
			<h3>What's Next?</h3>
			<a href="#" class="quote">Request a free online quote</a>
			<a href="#" class="contact">Contact us with any questions</a>
			<div id="featured_testimonial"><a href="#"></a></div>
			<div id="sidebar_testimonial">
				<p>Vivamus dui felis, tempor et aliquam elementum, mollis a urna. Proin vitae erat turpis, in tempus felis. Vestibulum lacinia mi et odio pharetra suscipit. Praesent arcu nisl, imperdiet vel euismod eget, rutrum sit amet massa.</p>
				<span class="person">Ben Reeger, MN</span>
				<span class="company">Reeger Co.</span>
			</div>
		</div>
	</div>
	<div id="content_bottom"></div>
	
	<div id="subpage_linkbox">
		
		<div id="subpage_wrap">	
			<div id="subpage_links_top"></div>
				<div id="subpage_links">
					<div class="subpage_link_box">
						<h4>Popular Services</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>Recent Articles</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>New in the Portfolio</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
				</div>
			<div id="subpage_links_bottom"></div>
		</div>
			
		<div id="advert">
			<a href="#"><img src="images/sample_ad.jpg" alt="advert" /></a>
		</div>
		
	</div>
	
	<div id="footer">
		<div class="copyright">
			Copyright &copy; 2009 Producer Inc. All rights reserved.Collect from
			<a href="#">Terms of Use</a> |
			<a href="#">Privacy Policy</a>
		</div>
		<div class="footer_nav">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="#" class="active">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</div>
	</div>
</div>


</body>
</html>